* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

html,
body,
#root {
  width: 100%;
  height: 100%;
}

html{
  background: #fff;
  color: #000;
}

html.drak{
  background: #000;
  color: #fff;
}

html.drak .box{
  background-image: url('/src/assets/image/bg-day.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

html .box{
  background-image: url('/src/assets/image/indexLightBackground.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

html.drak header{
  background-image: url('/src/assets/image/ceil-day.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

html header{
  background-image: url('/src/assets/image/ceil.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

html.drak footer{
  background-image: url('/src/assets/image/floor-day.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

html footer{
  background-image: url('/src/assets/image/floor.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

html.drak footer .right{
  background-image: url('/src/assets/image/night-model.svg');
  background-repeat: no-repeat;
  background-size: 100% 100%;
        cursor: pointer;
}

html footer .right{
  background-image: url('/src/assets/image/day-model.svg');
  background-repeat: no-repeat;
  background-size: 100% 100%;
        cursor: pointer;
}